<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  </head>
  <body>
    <script>
      // 添加请求拦截器
      axios.interceptors.request.use(
        function (config) {
          // 在发送请求之前做些什么
          console.log(config);
          config.params = {num:10}
          return config
        },
        function (error) {
          // 对请求错误做些什么 : 请求错误比如断网了，请求发不出去
          return Promise.reject(error)
        }
      )

      // 添加响应拦截器
      axios.interceptors.response.use(
        function (response) {
          // 对响应数据做点什么
          console.log(response);
          response.data.msg = '我是响应拦截器添加的数据'
          return response
        },
        function (error) {
          // 对响应错误做点什么: 响应错误比如参数错误，或者没有登录等
          return Promise.reject(error)
        }
      )
      

      //发送请求
      axios({
          url:'https://autumnfish.cn/api/joke/list',
          method:'get',
      }).then(res=>{
          //成功回调
          console.log(res)
      }).catch(err=>{
          console.log(err)
      })
    </script>
  </body>
</html>
